﻿@model List<SIIV.Data.Notificacion>
           
@{WebGrid grid = new WebGrid(Model, ajaxUpdateContainerId: "grid", rowsPerPage: 4);}

<script type="text/javascript">
    $(function () {
        //hover states on the static widgets
        $('ul#icons li').hover(
		    function () { $(this).addClass('ui-state-hover'); },
		    function () { $(this).removeClass('ui-state-hover'); }
	    );
    })
</script>

<style type="text/css">
    .acciones{
        width: 80px;
        }
        
    .centrado
    {
        text-align:center;
        }
</style>

@if (Model.Count.Equals(0))
{
    <p>Hasta el momento no existen notificaciones.</p>
}
else
{
    @grid.GetHtml(
        columns: new[]{ 
            grid.Column("Fecha", "Fecha", style: "centrado"),
            grid.Column("Analisis.Muestra.Animal.Nombre", "Animal", style: "centrado"),
            grid.Column("Analisis.TipoDeAnalisis.Nombre", "Analisis", style: "centrado"),
            grid.Column("Descripcion", "Notificación"),
            grid.Column(null, "Acciones", format: 
                    @<ul id="icons" class="ui-widget ui-helper-clearfix">
                        <li onclick="@string.Format("marcarComoLeida({0})", @item.IdNotificacion)" class="ui-state-default ui-corner-all" title="Marcar como Leída"><span class="ui-icon ui-icon-check"></span></li>                        
                    </ul>, style: "acciones")},
            htmlAttributes: new { @class = "art-article", @style = "width:100%", @id = "grid" })
}
<ul id="icons" style="float:right" class="ui-widget ui-helper-clearfix">
    <li onclick="generarNotificaciones()" class="ui-state-default ui-corner-all" style="margin: 2px 0px 0px 0px" title="Nuevo"><span class="ui-icon ui-icon-check"></span><div style="padding-right:2px; width:180px; font-size:12px;">Generar Notificaciones</div></li>
</ul>